/**
 * @author lovebing
 */

import React, {
    Component,
} from 'react';

import {
    StyleSheet,
    View,
    TouchableOpacity,
    Text,
} from 'react-native';

import Dimensions from 'Dimensions';
import Icon from 'react-native-vector-icons/FontAwesome'
//import IconSim from 'react-native-vector-icons/SimpleLineIcons';
const {width,height} =Dimensions.get('window');

export default class UploadImg extends Component {

    constructor(props) {
        super(props);
        this.state = {
            user:''

        }

    }

    componentDidMount() {


    }

    render() {
        //var user=this.state.user;
        const {user} = this.state;
        return (

            <View style={styles.container}>
                    <View style={styles.toolbar}>
                        <Text style={styles.toolbarTitle}>我的账户</Text>

                    </View>
               <View style={styles.avatarContainer}>
                   <Text style={styles.avatarTip}>添加头像</Text>
                   <TouchableOpacity style={styles.avatarBox}>
                        <Icon
                            name='photo'
                            size={30}
                            style={styles.plusIcon}
                        />
                   </TouchableOpacity>
               </View>







            </View>
        );
    }
}

const styles = StyleSheet.create({
    container:{
        flex:1
    },
    toolbar:{
        flexDirection:'row',
        paddingTop:25,
        paddingBottom:12,
        backgroundColor:'#ee735c'

    },
    toolbarTitle:{
        flex:1,
        fontSize:16,
        color:'#fff',
        textAlign:'center',
        fontWeight:'600'
    },
    avatarContainer:{
        width:width,
        height:140,
        alignItems:'center',
        justifyContent:'center',
        backgroundColor:'#eee'


    },
    avatarTip:{
        backgroundColor:'#ff0000'


    },
    avatarBox:{
        marginTop:15,
        alignItems:'center',
        justifyContent:'center',

    },
    plusIcon:{
        padding:20,
        paddingLeft:25,
        paddingRight:25,
        color:'#999',
        fontSize:20,
        backgroundColor:'#FFF',
        borderRadius:8
    }

});
